<template>
	<view class="all">
		<view class="position">
			<image src="../../static/Vector.png" mode=""></image>
			<text class="now-position">当前位置：上街镇</text>
			<text class="Reposition">重新定位</text>
		</view>
		<view class="address">
			<text class="address-ad">送餐地址</text>
			<image src="../../static/Vector (1).png" mode=""></image>
			<text class="address-add">新增</text>
		</view>
		<view class="headPortrait">
			<image src="../../static/Vector (2).png" mode=""></image>
			<text class="addre">请登录账户，选择您的常用地址</text>
			<view class="but"  @tap="login">
				<text>立即登录</text>
			</view>
		</view>
		<view class="button">
			<text class="arrive">送达时间</text>
			<view class="button-one">
				<view class="button-one-img">
					<image src="../../static/Fill 3.png" mode=""></image>
				</view>
				<text>尽快送达</text>
			</view>
			<view class="button-two">
				<view class="button-two-img">
					<image src="../../static/Fill 3.png" mode=""></image>
				</view>
				<text class="aa">预约送达</text>
				<text class="button-choice">请选择送达时间 ></text>
			</view>
			
			<text class="yuyue">预约订单中餐品和价格会根据情况实时变化，请以实际情况为准。</text>
			
		</view>
		<view class="beiji">
			<button form-type="submit"> <text class="yess">确定</text> </button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
		login(){
			uni.reLaunch({
				url:"/pages/login/login"
			})
		}
		}
	}
</script>

<style lang="scss" scoped>
	.position {
		width: 100%;
		height: 60rpx;
		background: #FFFFFF;
	
	image {
			width: 24rpx;
			height: 30rpx;
			margin-top: 14rpx;
			margin-left: 20rpx;
		}
	
	.now-position {
			display: block;
			height: 24rpx;
			font-style: normal;
			font-weight: 400;
			font-size: 24rpx;
			line-height: 24rpx;
			color: #000000;
			margin-left: 64rpx;
			margin-top: -35rpx;
		}
	
	.Reposition {
			display: block;
			width: 96rpx;
			height: 24rpx;
			font-weight: 400;
			font-size: 24rpx;
			line-height: 24rpx;
			color: #FB7A42;
			margin-left: 620rpx;
			margin-top: -28rpx;

		}
	}

	.address {
		margin-top: 2rpx;
		height: 60rpx;
		background: #FFFFFF;

		.address-ad {
			display: block;
			width: 96rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 400;
			font-size: 24rpx;
			line-height: 24rpx;
			text-align: center;
			color: #000000;
			padding-left: 20rpx;
			padding-top: 20rpx;
		}
	
	image {
			display: block;
			width: 28rpx;
			height: 28rpx;
			margin-left: 620rpx;
			margin-top: -30rpx;
		}

		.address-add {
			display: block;
			width: 48rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 400;
			font-size: 24rpx;
			line-height: 24rpx;
			text-align: center;
			color: #BFBFBF;
			margin-left: 660rpx;
			margin-top: -26rpx;
		}
	}

	.headPortrait {
		width: 100%;
		height: 860rpx;
		background: #FFFFFF;
		margin-top: 16rpx;

		image {
			width: 248rpx;
			height: 249rpx;
			margin-top: 182rpx;
			margin-left: 248rpx;
		}

		.addre {
			display: block;
			width: 336rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 400;
			font-size: 24rpx;
			line-height: 24rpx;
			text-align: center;
			color: #BFBFBF;
			margin-top: 49rpx;
			margin-left: 206rpx;
		}

		.but {
			width: 562rpx;
			height: 96rpx;
			background: #FB7A42;
			border-radius: 48rpx;
			margin-top: 44rpx;
			margin-left: 94rpx;

			text {
				display: block;
				width: 128rpx;
				height: 32rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 32rpx;
				line-height: 80rpx;
				text-align: center;
				color: #FFFFFF;
				margin-left: 216rpx;

			}
		}
	}

	.button {
		width: 750rpx;
		height: 308rpx;
		background: #FFFFFF;
		margin-top: 16rpx;

		.arrive {
			display: block;
			width: 192rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 400;
			font-size: 24rpx;
			line-height: 100rpx;
			text-align: center;
			color: #000000;
			margin-left: 28rpx;
		}

		.button-one {
			height: 48rpx;
			width: 702rpx;
			display: flex;
			// background-color: #FB7A42;
			margin-left: 28rpx;
			margin-top: 90rpx;
			.button-one-img{
				width: 48rpx;
				height: 48rpx;
				image{
					width: 48rpx;
					height: 48rpx;
					background-size: 100%;
				}
			}
			text{
				width: 96rpx;
				height: 48rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 24rpx;
				line-height: 48rpx;
				text-align: center;
				margin-left: 28rpx;
				color: #BFBFBF;
			}
		}

		.button-two {
			height: 48rpx;
			width: 702rpx;
			display: flex;
			// background-color: #18fb33;
			margin-left: 28rpx;
			margin-top: 40rpx;
			.button-two-img{
				width: 48rpx;
				height: 48rpx;
				image{
					width: 48rpx;
					height: 48rpx;
					background-size: 100%;
				}
			}
			.aa{
				width: 96rpx;
				height: 48rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 24rpx;
				line-height: 48rpx;
				text-align: center;
				margin-left: 28rpx;
				color: #BFBFBF;
			}
			.button-choice{
				width: 200rpx;
				height: 48rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 24rpx;
				line-height: 48rpx;
				text-align: center;
				margin-left: 328rpx;
				
				color: #BFBFBF;
			}
		}
		.yuyue{
			width: 668rpx;
				height: 12rpx;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 400;
				font-size: 24rpx;
				line-height: 12rpx;
				text-align: center;
				color: #BFBFBF;
				margin-left: 28rpx;
		}
		// text {
		// 	width: 48rpx;
		// 	height: 12rpx;
		// 	font-family: 'PingFang SC';
		// 	font-style: normal;
		// 	font-weight: 400;
		// 	font-size: 24rpx;
		// 	line-height: 12rpx;
		// 	text-align: center;
		// 	color: #BFBFBF;
		// }




	}
	.beiji button{
		width: 750rpx;
		height: 102rpx;
		margin-top: 4rpx;
		background-color: #D9D9D9;
		.yess{
			width: 48rpx;
			height: 24rpx;
			font-family: 'PingFang SC';
			font-style: normal;
			font-weight: 400;
			font-size: 24rpx;
			line-height: 24rpx;
			text-align: center;
			color: #FFFFFF;
		}
		
	}
	
</style>
